<template>
	<view>
		<!--#ifdef H5 -->
		<!-- <image :src="imageSrc" :mode="mode" @error="error" @load="load"></image> -->
		<!--#endif -->



		<!--#ifdef 1 -->
		<view class="relative">
			<image class="img" :src="EndImgSrc" :mode="mode" @error="InitImgerror" @load="InitImgload"></image>
			<image class="img left-top" :mode="mode" v-if="ISloading" src="../../static/img/file/loadingImg.gif"></image>
		</view>
		<!--#endif -->
	</view>
</template>

<script>
	export default {
		name: 'dhImage',
		props: {
			src: {
				type: String,
				default: ''
			},
			errorSrc: {
				type: String,
				default: require('../../static/img/other/zanwu.png')
			},
			mode: {
				type: String,
				default: ''
			}
		},
		watch: {
			src() {
				console.log(this.src);
				// #ifdef H5
				// this.imageSrc = require('../../static/img/file/loadingImg.gif');
				// this.loadChangeImg(this.src);
				// #endif

				// #ifdef 1
				this.ISloading = true;
				this.EndImgSrc = this.src;
				// #endif
			}
		},
		data() {
			return {
				imageSrc: '',

				// app plue下使用
				ISloading: true,
				EndImgSrc: '' // 加载地址
			};
		},
		async created() {
			// #ifdef H5
			// this.imageSrc = require('../../static/img/file/loadingImg.gif');
			// this.loadChangeImg(this.src);
			// #endif

			// #ifdef 1
			this.ISloading = true;
			this.EndImgSrc = this.src;
			// #endif
		},
		methods: {
			// error(e) {
			// 	this.imageSrc = this.errorSrc;
			// 	this.$emit('error', e);
			// },
			// load(e) {
			// 	// this.imageSrc = this.src;
			// 	this.$emit('load', e);
			// },
			// loadChangeImg(src) {
			// 	let IMGS = new Image();
			// 	IMGS.src = src;
			// 	IMGS.onload = () => {
			// 		this.imageSrc = this.src;
			// 	};
			// 	IMGS.onerror = () => {
			// 		this.imageSrc = require('../../static/img/file/destroy.png');
			// 	};
			// 	IMGS.remove();
			// },

			// #ifdef 1
			InitImgerror(e) {
				this.EndImgSrc = this.errorSrc;
				this.ISloading = false;
			},
			InitImgload(e) {
				this.ISloading = false;
			}
			// #endif
		}
	};
</script>

<style>
</style>
